*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;

}
body {
  font-family: "Open Sans", sans-serif !important;
}
.borderRight{
    border-right: 1px solid #29a64a !important;
}
a {
    text-decoration: none !important;  
}
a:hover{
    text-decoration: none;  
}

section .sectionHeading h1{ 
    font-size: 36px;
    font-weight: 800;
}
.BG{
    background: #29a64a !important;
}
.CLR{
    color: #29a64a !important;
}
.f-14{
    font-size: 14px !important;
}
a.BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    font-weight: 600;
}
.BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    font-weight: 600;
}
.BTN-1:hover{
    background:  #6c757d;
    color: white;
}
a.BTN-1:hover{
    background:  #6c757d;
    color: white;
}
.h-500{
    height: 508px !important;
}
.h-300{
    height: 300px !important;
}
.h-600{
    height: 600px !important;
}
.w-95{
    margin:0 auto !important; 
    width: 95% !important;
}
.form-check-input:checked {
    background-color: #29a64a !important; 
    border-color: #29a64a !important; 
    }
@media screen and (max-width: 600px) {
    .w-95{
        margin:0 auto !important; 
        width: 100% !important;
    }
    .h-500{
        height: auto !important;
    }
    .h-300{
        height: auto !important;
    }
    .h-600{
        height: auto !important;
    }
  }
div#pills-tabContent {
    margin: 0px auto;
    width: 97%;
}
/* ============== header ============= */
#header nav.navbar.navbar-expand-lg.bg-body-tertiary.p-0 {
    height: 50px;
}
 #header.onPhonee .PRJCT_cmplt{
        display: none;
    }
   
@media screen and (max-width: 600px) {
    #header.onPhonee .PRJCT_cmplt{
        display: block;
    }
    #header.onPhonee .drop_cartBtn .dropDownBtn {
        background: #f9f9f9 !important;
        color: #595f65;
        border: solid 1px #f2f2f2;
        border-radius: 8px !important;
    }
    #header.onPhonee .drop_cartBtn .dropDownBtn i {
        background: transparent;
        color: #bc8f35;
        border-radius: 16px !important;
        font-size: 17px;
        line-height: 22px;

    }
    div#exampleModalTop {
        z-index: 99999;
    }
    #header.onPhonee .modal.right .modal-dialog{
        position: unset;
        margin: 5px;
        width: auto;
        height: auto;
    }
}
/* -------- First header -------- */
#Firsttop_header{
    box-shadow: 0 1px 3px #ddd;
    background: #fff;
    border-radius: 0;
}
#Firsttop_header .searchStore_input button{
    border-radius: 0px 7px 7px 0px;
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #8e8e8e;
}
#Firsttop_header .searchStore_input input{
    border-radius: 0px;
    font-size: 14px;
    border: 1px solid #ececec;
    min-width: 320px;
    font-weight: 500;
}
#Firsttop_header .searchStore_input input:focus{
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
    border: 1px solid #29a64a;
}
#Firsttop_header .header_icon a i{
    color: #d9a25f;
    font-size: 18px; 
 }
#Firsttop_header .header_icon a i:hover{
   color: red;
}
#Firsttop_header ul.dropdown-menu {
    left: -70px !important ;
    top: 100%;
    padding: 0;
    background: #fff;
    position: absolute;
    border: none;
    box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
    text-transform: none;
    font: 14px "Open Sans", sans-serif;
    letter-spacing: 0;
    border-radius: 0;
    z-index: 9999;
}
#Firsttop_header ul.dropdown-menu li a{
    padding: 11px 20px;
}
#Firsttop_header ul.dropdown-menu li a:hover{
    background-color: #29a64a;
    color: white;
}
#Firsttop_header .dropdown-item.active{
    background-color: #29a64a !important;
}
#Firsttop_header .dropdown-divider{
    margin: 0px !important;
}
#Firsttop_header .drop_cartBtn .dropDownBtn{
    background: red ;
    color: #595f65;
    border: solid 1px #f2f2f2;
    border-radius: 8px !important;
}
#Firsttop_header .drop_cartBtn a.btn.btn-secondary.dropDownBtn.dropdown-toggle.pe-0 {
    padding: 6px 12px !important;
}
#Firsttop_header .drop_cartBtn a.btn.btn-secondary.dropDownBtn.dropdown-toggle.pe-0 {
    padding: 6px 12px !important;
}
#Firsttop_header .drop_cartBtn .dropDownBtn i{
    background: transparent;
    color: #D9A25F;
    border-radius: 16px !important;
    font-size: 17px;
}
#Firsttop_header .drop_cartBtn .dropDownBtn i:hover{
    color: #ff000b;
}
/*#Firsttop_header .zakatCalciBtn{
    background: #29a64a;
    border: 1px solid #29a64a;
    font-size: 14px;
    font-weight: 500;
}
#Firsttop_header .zakatCalciBtn:hover{
    background: #D9A25F;
    border: 1px solid #D9A25F;
    font-size: 14px;
    font-weight: 500;
}
*/
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 375px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#Firsttop_header .drop_cartBtn .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

#Firsttop_header .drop_cartBtn .modal.right .modal-body {
    padding: 15px 15px 80px;
}

#Firsttop_header .drop_cartBtn .modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
            -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

#Firsttop_header .drop_cartBtn .modal.right.fade.in .modal-dialog {
    right: 0;
}
#Firsttop_header .drop_cartBtn .modal-dialog .modal-body .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#Firsttop_header .drop_cartBtn .modal-dialog .modal-body .BTN-1:hover{
    background:  #6c757d;
    color: white;
}

.SeconHead .drop_cartBtn .dropDownBtn{
    background: none !important;
    border: none;
    border-radius: 0px !important;
}
.SeconHead .drop_cartBtn .dropDownBtn i{
    color: #595f65;
}
.SeconHead .drop_cartBtn .dropDownBtn i{
    background: transparent;
    color: white;
    border-radius: 16px !important;
    font-size: 17px;
    line-height: 29px;
}
.SeconHead .drop_cartBtn .dropDownBtn i:hover{
    color: #ff000b;
}
.SeconHead .zakatCalciBtn{
    background: #d9a25f;
    border: 1px solid #d9a25f;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 18px;
    border-radius: 0px;
}
.SeconHead .zakatCalciBtn:hover{
    background: #D9A25F;
    border: 1px solid #D9A25F;
    font-size: 14px 25px;
    font-weight: 500;
}
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 375px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.SeconHead .drop_cartBtn .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.SeconHead .drop_cartBtn .modal.right .modal-body {
    padding: 15px 15px 80px;
}

.SeconHead .drop_cartBtn .modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.SeconHead .drop_cartBtn .modal.right.fade.in .modal-dialog {
    right: 0;
}
.SeconHead .drop_cartBtn .modal-dialog .modal-body .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
.SeconHead .drop_cartBtn .modal-dialog .modal-body .BTN-1:hover{
    background:  #6c757d;
    color: white;
}
/* -------- Third header -------- */
#header {
    background: #fff;
    border-radius: 0;
}
#header .container-fluid {
    padding-right: 0rem;
    padding-left: 0rem;
    
}
#header .logoBlock {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
#header .projectSearchbar button{
    border-radius: 0px 7px 7px 0px;
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #29a64a;
}
#header .projectSearchbar input{
    border-radius: 0px;
    font-size: 14px;
    border: 1px solid #ececec;
    min-width: 320px;
    font-weight: 500;
}
#header .projectSearchbar input:focus{
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}
#header .main-navB-1{
    background: #29a64a;
    padding: 0px 0px;
    border-radius: 14px 0px 0px 0px;
}
#header button.navbar-toggler {
    background: white;
}
#header a.nav-link{
    font-size: 14px;
    padding: 13px 10px !important;
    font-weight: 600;
    color: white;
}
#header .navbar-nav .nav-link.active{
    color: #e7e7e7 !important;
    /* background: #ff000b; */
}
#header .navbar-nav .nav-link:hover{
    color: #e7e7e7 !important;
    /* background: #d9a25f; */
}
#header .dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-toggle::after {
    display: none !important;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
#header ul.dropdown-menu {
    left: 0px  ;
    top: 100%;
    padding: 0;
    background: #fff;
    position: absolute;
    border: none;
    box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
    text-transform: none;
    font: 14px "Open Sans", sans-serif;
    letter-spacing: 0;
    border-radius: 0;
    z-index: 9999;
}
#header ul.dropdown-menu.dropdownMenuehead {
   background: #29a64a;
   color: white !important;
}
#header ul.dropdown-menu li a{
    padding: 11px 20px;
}
#header ul.dropdown-menu li a:hover{
    background-color: #29a64a;
    color: white;
}
#header .dropdown-item.active{
    background-color: #29a64a !important;
}
#header .dropdown-divider{
    margin: 0px !important;
}

#header .drop_cartBtn button i{
    background: transparent;
    color: white;
    border-radius: 0px !important;
    font-size: 22px;
    line-height: 37px;
}
#header .border-endDrop{
    border-right: 1px solid #a5aab0;
    margin-right: 3px;
    padding-right: 7px
}
@media screen and (max-width: 600px) {
    #header button.navbar-toggler{
        margin: 7px 0px;
    }
    #header button.navbar-toggler:focus {
        box-shadow: 1 0 0 var(--bs-navbar-toggler-focus-width);
    } 
    #header .logoBlock .LOGO {
        position: relative;
        bottom: 0px;
    }
    #header .container-fluid {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    #header .logoBlock {
        margin-right: 0rem!important;
        margin-left: 0rem!important;
    }
    #Firsttop_header{
        display: none;
    }
    #header .main-navB-1 {
        background: #29a64a;
        padding: 0px 0px;
        border-radius: 0px;
        z-index: 10;
    }
    #header nav.navbar.navbar-expand-lg.bg-body-tertiary.p-0 {
        height: 80px;
        background: white;
    }
    #header .main-navB-1 .language_drop{
        padding-left: 1rem ;
    }
  }

.footer{
    background-color: #f2f2f2;
    color: #6d6c6c;
}
/* ========== Header End ======== */

/* ========== Side Wrapper Fast Donation ======== */
#fastDonate {
    z-index: 10000 !important;
    position: fixed;
    top: 240px;
    z-index: 1000;
    display: none;
    right: 0px;
}
#fastDonate button:hover{
    border:1px solid #ff000b;
   background-color: #ff000b !important;
}
#fastDonate .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 5px;
}
#fastDonate .dropdown-toggle {
    max-width: 40px;
    width: 38px;
    white-space: normal;
    padding: 12px 2px;
    line-height: 1;
    font-size: 13px;
}
#fastDonate .field {
    width: 220px;
    font-size: 14px;
    color: #6c757d;
}
#fastDonate .field:focus {
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
#fastDonate .field {
    width: 220px;
}
#fastDonate .dropdown-toggle {
    white-space: nowrap;
}
#fastDonate .fast_donateBtn{
    background: #29a64a;
    border: 1px solid #29a64a;
    font-size: 13px;
    font-weight: 600;
}
#fastDonate .dropend .dropdown-toggle{
    background: #29a64a;
    border: 1px solid #29a64a;
    font-size: 13px;
    font-weight: 600;
}
#fastDonate .dropend .dropdown-toggle:hover{
    background: #d9a25f !important;
    border: 1px solid #d9a25f;
    font-size: 13px;
    font-weight: 600;
}

/* ================ Panel ============= */
.panel .card {
    background: white;
}
.panel .card .card-title{
    text-align: center;
    color: #29a64a;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
.panel .card .cardAmountDetails {
    border: 1px solid #e1e1e1;
    margin: 0px 2px;
    border-radius: 10px;
}
.panel .card .cardAmountDetails h6{
    font-size: 14px;
    font-weight: 700;
}
.panel .card .cardAmountDetails p{
    font-size: 14px;
    font-weight: 700;
    color: #6c757d;
}
.panel .card .card-body .donatepriceBtn{
    width: 60%;
}
.panel .card .card_Img{
    height: 200px;
    overflow: hidden; 
    display: inline-block;
    box-sizing: border-box;
  }
  .panel .card .card_Img img{
    transition: 0.3s;
  }
.panel .card .card_Img img:hover {
    transform: scale(1.1);
  }

  @media screen and (max-width: 600px) {
    .panel .card .cardAmountDetails h6{
        font-size: 13px !important;
    }
    .panel .card .card-body .BTN-2 {
        font-size: 11px;;
    }
  }
/* ===== panel increase/decrease ===== */

.panel .card .card-body .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 0px 0px ;
    width: 12%;
    padding: 5px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .panel .card .card-body .decreaseBtn{
    border-radius: 0.25rem 0px 0px 0.25rem;
    color: darkgray;
  }
  .panel .card .card-body .decreaseBtn:hover {
    background-color: #f2f2f2;
  }
  .panel .card .card-body .increaseBtn{
    border-radius:  0px 0.25rem 0.25rem 0px ;
    color: darkgray;
  }
  .panel .card .card-body .increaseBtn:hover {
    background-color: #f2f2f2;
  }
.panel .card .card-body .value-button:hover {
    cursor: pointer;
  }
  
.panel .card .card-body form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
  }
  
.panel .card .card-body form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
  }
  
.panel .card .card-body form #input-wrap {
    margin: 0px;
    padding: 0px;
  }
  
.panel .card .card-body input.number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
}
.panel .card .card-body .indec_padr{
    padding-right: 0px !important;
}
.panel .card .card-body .indec_padl{
    padding-left: 0px !important;
}
.panel .card .card-body .BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 8px ;
    padding-bottom: 8px ;
    font-size: 13px;
    font-weight: 600;
}
.panel .card .card-body .BTN-1:hover{
    background:  #FF000b;
}
.panel .card .card-body .BTN-2{
    background:#D9A25F;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 7px ;
    padding-bottom: 7px ;
    font-size: 14px;
    font-weight: 600;
}
.panel .card .card-body .BTN-2:hover{
    background: #FF000b ;
}
.panel .card .card-body .panelContentTextBox{
    background-color: white;
    padding: 15px 20px 10px 20px;
    border-top: 2px solid #29a64a;
}
.panel .card .card-body .panelContentTextBox p{
    font-size: 13px;
    text-align: justify;
    font-weight: 400;
    color: #6c757d;
}
.panel .card .card-body .panelContentTextBox h6{
    text-align: justify;
}

#siteNews h6.card-title {
   font-size: 14px;
}
/* ================ ProjectsTabs ================== */
#projectsTabs .nav-pills .nav-link{
    background: transparent;
    border: none;
    border-radius: 0px;
    color: #a6a5a5;
    padding: 10px 6px 10px 6px;
    font-size: 13px;
    margin: 0px 3px;
    font-weight: 700;
}
#projectsTabs .nav-pills .nav-link.active{
    background: transparent;
    color: #ff000b;
    border-bottom: 3px solid #ff000b;
}
#projectsTabs ul#pills-tab {
    border-bottom: 1px solid #00000020;
}
#projectsTabs .panel .card .card-body select.form-select{
  color: #6c757d;
}
#projectsTabs .panel .card .card-body select.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.panel .card .card-body .progress .bg-success1 {
    background-color: #29a64a!important;
}
#projectsTabs .panel .card .card-body .thnx{
    font-size: 15px;
}
#projectsTabs .panel .card .card-body .wiseBtn .BTN-2{
  padding: 5px;
}

#projectsTabs .panel .card .card-body .wiseBtn .active{
    background-color: #29a64a!important;
}
#projectsTabs .table>:not(caption)>*>* {
    padding: 0px !important;
}
@media screen and (max-width: 600px) {
    #projectsTabs .panel .card .card-body .wiseBtn .BTN-2{
        font-size: 11px;
      }
    #Projects .panel .card .card-body .wiseBtn .BTN-2 {
        font-size: 11px;
    }
    #projectsTabs .nav-pills .nav-link {
        width: auto;
        /*width: 150px;*/
    }
  }
/* ================= Blog/News ================ */
p.blogDetailpara {
    font-size: 13px;
    color: #6c757d;
}

/* ================== Achievements Count Section =============== */
#AchievementsCount .counter-box {
    display: block;
    padding: 20px ;
    text-align: center
}

#AchievementsCount .counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: white;
    font-size: 19px;
    font-weight: 400
}

#AchievementsCount .counter-box i {
    font-size: 28px;
    margin: 0 0 15px;
    color: #29a64a ;
    background: white;
    padding: 20px;
    border-radius: 40px;
    box-shadow: 14px 2px 23px -6px #c7c7c763;
}

#AchievementsCount .counter {
    display: block;
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    line-height: 28px
}

#AchievementsCount .counter-box.colored {
    
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

/* ================== SponsorShip =============== */
#sponsorShip .img_Box img{
    border: 2px solid #6c6c6c;
    border-radius: 120px;
}
#sponsorShip .box{
    border: 1px solid #ececec;
}
#sponsorShip .box .details{
    font-size: 14px;
    font-weight: 600;
}
#sponsorShip .box .details p span{
    font-weight: 700;
}
#sponsorShip .box .details p img{
    width: 25px;
    height: 25px;
    margin-left: 5px;
    vertical-align: middle;
    margin-bottom: 0;
    border-radius: 50%;

}
.MiniLeftNav .sharethis{
	list-style: outside none none;
    margin: 6px 0;
    padding: 0;
   
}
.MiniLeftNav .sharethis .navtext{
    border:solid 1px #fff;
	display: block;
    position: relative;
}
.MiniLeftNav .arrow_box_left {
    font-size:14px;
    bottom: 0;
    right: 0px;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 0;
	-webkit-transition: 0.50s;
	-moz-transition: 0.50s;
	transition: 0.50s;  
}
.MiniLeftNav a:hover .arrow_box_left{ 
    width:auto;
    overflow:visible; 
}
.MiniLeftNav a:hover .arrow_box_left i{ 
   margin: 0px 2px;
   background: #29a64a;
   padding: 7px;
   border-radius: 32px;
   color: white;
}
.MiniLeftNav a i{ 
   background: #29a64a;
   padding: 7px;
   border-radius: 32px;
   color: white;
}
.MiniLeftNav .navtext:hover{
    text-decoration:none;
}
.MiniLeftNav .navtext .arrow_box_left{
	background-color:#fff;
	color:#3d4f0c;
}
#sponsorShip .BTN-1 {
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    padding-left: 16px;
}
#sponsorShip .BTN-2 {
    background: #D9A25F;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
    font-weight: 600;
}
#sponsorShip .BTN-1:hover{
    background:  #FF000b;
}
#sponsorShip .BTN-2:hover{
    background:  #FF000b;
}
#sponsorShip .decreaseBtn{
    border-radius: 0.25rem 0px 0px 0.25rem;
    color: darkgray;
    border: 1px solid #ddd;
    padding: 4px;
  }
#sponsorShip .decreaseBtn:hover {
    background-color: #f2f2f2;
  }
#sponsorShip .increaseBtn{
    border-radius:  0px 0.25rem 0.25rem 0px ;
    color: darkgray;
    border: 1px solid #ddd;
    padding: 4px;
  }
#sponsorShip .increaseBtn:hover {
    background-color: #f2f2f2;
  }
#sponsorShip input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}
/* ================== slider =============== */
#carouselExampleRide .carousel-item .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 12.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: white;
    text-align: center;
}
#carouselExampleRide .carousel-item .carousel-caption h1 {
    font-size: 47px;
    font-weight: 700;
}
#carouselExampleRide .BTN-1{
    background: #d9a25f;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 35px 10px 35px;
    font-size: 14px;
    font-weight: 700;
}
@media screen and (max-width: 600px) {
    #carouselExampleRide .carousel-item .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 0.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: white;
        text-align: center;
    }
    #carouselExampleRide .carousel-item .carousel-caption h1 {
        font-size: 24px;
        font-weight: 700;
    }
  }
/* ================== About-Us Section =============== */
#aboutHero .bsb-hero-1 {
    background-image: url('../../assets/img/about-us-1.avif');
    background-color: #6d6d6d; 
    height: 500px; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
  }
#mission-vision img{
    height: 42vh;
}
#mission-vision li.list-group-item {
    border: none;
    font-size: 14px;
}
/* ==================== Media and Reports =============== */
#mediaReports .nav-pills .nav-link{
    background: #6c757d;
    border: none;
    border-radius: 0px;
    color: white;
    padding: 10px 6px 10px 6px;
    font-size: 13px;
    margin: 2px;
}
#mediaReports .nav-pills .nav-link.active{
    background: #29a64a;
}
#mediaReports .panel .card .card-body .BTN-1{
   font-size: 12px; 
}

#mediaReports .panel .card .card-body .BTN-2{
  font-size: 12px;
}
#mediaReports .panel .card .card-body select.form-select{
  color: #6c757d;
}
#mediaReports .panel .card .card-body select.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
#mediaReports .panel .card .card-body .progress .bg-success1 {
    background-color: #29a64a!important;
}
#mediaReports .panel .card .card-body .thnx{
    font-size: 15px;
}
#mediaReports .panel .card .card-body .wiseBtn .BTN-2{
  padding: 5px;
}
#mediaReports .panel .card .card-body .wiseBtn .active{
    background-color: #29a64a!important;
}
#mediaReports h6.card-title {
    FONT-SIZE: 14PX;
}
@media screen and (max-width: 600px) {
    #mediaReports .panel .card .card-body .BTN-1{
        font-size: 11px; 
     }
     #mediaReports .panel .card .card-body .BTN-2{
        font-size: 11px;
      }
  }

/* ===================== Zakat Calculator ================= */
#zakatCalculator .nav-pills .nav-item .BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    font-weight: 600;
}
#zakatCalculator .nav-pills .nav-item .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
#zakatCalculator .tab-content .panel .card-body label{
    font-size: 15px;
    font-weight: 500;
}
@media screen and (max-width: 600px) {
    #zakatCalculator .nav-pills .nav-item .BTN-1 {
        padding: 5px 7px 5px 7px;
        font-size: 11px;
    }
  }

/* ================= Choose Donation Amount ================== */
.ChooseDonationamntBLR{
      filter: blur(6px);
     pointer-events: none;
}
.BLRTextCenter h1{
  color: red;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100%);
    padding: 20px;
    text-align: center;
}
#ChooseDonationamnt .panel .card {
    background: white;
    border: none; 
}
#ChooseDonationamnt h5.mt-1.CLR {
    font-size: 20px;
    font-weight: 700;
}
#ChooseDonationamnt p.panel_titleDetail {
    color: #606060;
    font-size: 14px;
    font-weight: 700;
}
#ChooseDonationamnt .auto_amountBtn button{
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
    color: white;
    font-size: 15px;
    background: #1f8543;
}
#ChooseDonationamnt .auto_amountBtn button:hover{
    background-color: #29a64a;
    color: white;
    border: 1px solid #29a64a;
}
#ChooseDonationamnt .auto_amountBtn .active{
    background-color: #29a64a;
    color: white;
    border: 1px solid #29a64a;
}
#ChooseDonationamnt .panel .card .cardAmountDetails h6 {
    font-size: 15px;
    font-weight: 700;
}
#ChooseDonationamnt .panel .card .cardAmountDetails p {
    font-size: 15px;
    font-weight: 700;
    color: #6c757d;
}
#ChooseDonationamnt .panel .card  .donar_detailForm input{ 
   font-size: 14px;
   height: 37px;
}
#ChooseDonationamnt .panel .card  .donar_detailForm input.form-control:focus {
    border-color: #29a64a;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}


#ChooseDonationamnt .panel .card  .donar_detailCheckbox ul {
    list-style-type: none;
    text-align: center; 
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox li {
    display: inline-block; 
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox input[type="checkbox"][id^="myCheckbox"] {
    display: none;
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 0px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
    text-align: center;
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox label img {
    width: 82%; 
    height: 38px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox label span{
    font-size: 10px;
    font-weight: 600;
    color: #606060; 
    margin: 0px 9px;
    display: block; 
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox :checked + label:before {
    content: "✔";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
  }
  
  #ChooseDonationamnt .panel .card  .donar_detailCheckbox :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
  }
  #ChooseDonationamnt .nav-pills .nav-link{
    background: transparent;
    border: none;
    border-radius: 0px;
    color: #a6a5a5;
    padding: 10px 6px 10px 6px;
    font-size: 13px;
    margin: 0px 3px;
    font-weight: 700;
}
#ChooseDonationamnt .nav-pills .nav-link.active{
    background: transparent;
    color: #29a64a;
    border-bottom: 3px solid #29a64a;
}
#ChooseDonationamnt ul#pills-tab {
    border-bottom: 1px solid #00000020;
}
#ChooseDonationamnt .panel .card .card-body select.form-select{
  color: #6c757d;
}
#ChooseDonationamnt .panel .card .card-body select.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
#ChooseDonationamnt .panel .card .card-body .detailss_Btn .BTN-1{ 
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
#ChooseDonationamnt .panel .card .card-body .detailss_Btn .BTN-2{ 
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
@media screen and (max-width: 600px) {
    #ChooseDonationamnt .panel .card .card-body .detailss_Btn .BTN-2{ 
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }
    #ChooseDonationamnt .panel .card .card-body .detailss_Btn .BTN-1{ 
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }
  }


/* ================ Projects ================= */

#Projects .nav-pills .nav-link{
    background: transparent;
    border: none;
    border-radius: 0px;
    color: #a6a5a5;
    padding: 10px 6px 10px 6px;
    font-size: 13px;
    margin: 0px 3px;
    font-weight: 700;
}
#Projects .nav-pills .nav-link.active{
    background: transparent;
    color: #ff000b;
    border-bottom: 3px solid #ff000b;
}
#Projects ul#pills-tab {
    border-bottom: 1px solid #00000020;
}
#Projects .panel .card .card-body select.form-select{
  color: #6c757d;
}
#Projects .panel .card .card-body select.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.panel .card .card-body .progress .bg-success1 {
    background-color: #29a64a!important;
}
#Projects .panel .card .card-body .thnx{
    font-size: 15px;
}
#Projects .panel .card .card-body .wiseBtn .BTN-2{
  padding: 5px;
}
#Projects .panel .card .card-body .wiseBtn .active{
    background-color: #29a64a!important;
}
#Projects .filter select.form-select {
    font-size: 13px;
    color: #6d6c6c;
}
#Projects .filter .form-select:focus {
    border-color: #29a64a;
    outline: 0;
    box-shadow: 0 0 0 0px rgb(26 107 72);
}
#Projects .filter input {
    font-size: 13px;
    color: #6d6c6c;
}
#Projects .filter input:focus {
    border-color: #29a64a;
    outline: 0;
    box-shadow: 0 0 0 0px rgb(26 107 72);
}
#Projects .filter {
    background: #f2f2f2;
    padding: 20px;
    border: 1px solid #f2f2f2;
    border-radius: 0.25rem;
}
#Projects .filter .BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#Projects .filter .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
#Projects .table>:not(caption)>*>* {
    padding: 0px !important;
}
@media screen and (max-width: 600px) {

    #Projects .nav-pills .nav-link {
        width: 150px;
    }
  }

/* =============== cart ============== */
#cart .cart .table td {
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #f2f2f2;
    padding: 1.3rem;
    font-size: 14px;
    font-weight: 700;
    color: #6c757d;
}
#cart .cart .table td a i{
    color: #dc3545 !important;
}
#cart .cart .table thead tr{
    border-bottom: 2px solid #29a64a;
}
#cart .cart .table thead th{
    background-color: #29a64a;
    color: white;
    font-size: 18px;
    font-weight: bold !important;
}
#cart .cart .table thead .tProject{
    border-radius: 14px 0px 0px 0px
}
#cart .cart .table thead .tRemove{
    border-radius: 0px 14px 0px 0px;
}
#cart .cart .table tfoot tr{
    background-color: #f2f2f2;
    color: white;
    font-size: 18px;
    font-weight: bold !important;
}
#cart .cart .table tfoot tr .tTotal{
    border-radius: 0px 0px 0px 14px ;
}
#cart .cart .table tfoot tr .tTotalam{
    border-radius: 0px 0px 14px 0px ;
}
#cart .cart .table tfoot tr td{
    font-size: 19px;
    color: #29a64a;
    padding: 1rem;
}
#cart .cart .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#cart .cart .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
#cart .cart .BTN-2
{
    background: #6c757d; 
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#cart .cart .BTN-2:hover{
    background:  #29a64a;
    color: white;
}
#cart .cart .donationTab{
    background-color: #29a64a;
    padding: 20px 20px;
    border-radius: 17px 17px 0px 0px;
}
#cart .cart .donationTab .nav-pills .nav-link {
    font-size: 13px;
    font-weight: 600;
    color: white;
}
#cart .cart .donationTab .nav-pills .nav-link.active {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    background-color: #f2f2f2;
}
#cart .cart .donar_detailForm input {
    font-size: 14px;
    height: 35px;
}

#cart .cart .donar_detailForm p.panel_titleDetail {
    color: #606060;
    font-size: 14px;
    font-weight: 700;
}
#cart .cart .donar_detailCheckbox ul {
    list-style-type: none;
    text-align: center;
  }
  
#cart .cart .donar_detailCheckbox li {
    display: inline-block;
  }
  
#cart .cart .donar_detailCheckbox input[type="checkbox"][id^="myCheckbox"] {
    display: none;
  }
  
#cart .cart .donar_detailCheckbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 7px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  
#cart .cart .donar_detailCheckbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
#cart .cart .donar_detailCheckbox label img {
    width: 56px;
    height: 40px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
#cart .cart .donar_detailCheckbox label span{
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    margin: 0px 9px;
    display; block;
  }
  
#cart .cart .donar_detailCheckbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
  }
  
#cart .cart .donar_detailCheckbox :checked + label:before {
    content: "✔";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
  }
  
#cart .cart .donar_detailCheckbox :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
  }
#cart .cart select.form-select{
  color: #6c757d;
}
#cart .cart input.form-control:focus {
    border-color: #29a64a;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
#cart .cart .box{
    border: 1px solid #efefef;
}
#cart .cart .box .boxInnerbox{
    background: #f2f2f2;
    border-bottom: 1px solid #efefef;
    padding: 16px;
}

/* =============== Forgot Password =============== */
#ForgotPassword .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#ForgotPassword .BTN-1:hover{
    background:  #FF000b;
    color: white;
}
#ForgotPassword .donar_detailForm p.panel_titleDetail {
    color: #606060;
    font-size: 14px;
    font-weight: 700;
}
/* =============== Login =============== */
#Login .input-group .input-group-text {
    background-color: transparent !important;
    color: #5d5d5d;
    border-right: none;
}
#Login .input-group .form-control {
    font-size: 13px;
    padding: 0.7rem 0rem  0.7rem 0.75rem;
    padding-left: 0px;
}
#Login .input-group .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
    padding-left: 0px;
}
#Login .input-group input.form-control.login_email {
    border-left: none;
}
#Login .input-group input.form-control.login_pass {
    border-left: none;
}
#Login .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 6px;
}
#Login .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#Login .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
/* ================ The dedication ============== */
.gift_headbox-2 {
    background: #f2f2f2;
}
.gift_headbox-1 {
    background: #29a64a;
}
#giftDedication .panel .card .card-body input.number {
    text-align: center;
    border: 1px solid #ddd;
    margin: 0px;
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}
#giftDedication .BTN-1 {
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    font-size: 13px;
    font-weight: 600;
}
#giftDedication .BTN-1:hover {
    background: #ff000b;
   
}
#giftDedication .donar_detailCheckbox ul {
    list-style-type: none;
    text-align: center;
  }
  
#giftDedication .donar_detailCheckbox li {
    display: inline-block;
  }
  
#giftDedication .donar_detailCheckbox input[type="checkbox"][id^="myCheckbox"] {
    display: none;
  }
  
#giftDedication .donar_detailCheckbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 7px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  
#giftDedication .donar_detailCheckbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
#giftDedication .donar_detailCheckbox label img {
    width: 57px;
    height: 42px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
#giftDedication .donar_detailCheckbox .donar_detailCheckimgbox label img {
    width: 100%;
    height: auto;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
#giftDedication .donar_detailCheckbox label span{
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    margin: 0px 9px;
    display: block;
  }
  
#giftDedication .donar_detailCheckbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
  }
  
#giftDedication .donar_detailCheckbox :checked + label:before {
    content: "✔";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
  }
  
#giftDedication .donar_detailCheckbox :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
  }
#giftDedication .input-group .input-group-text {
    background-color: transparent !important;
    color: #5d5d5d;
    border-right: none;
}
#giftDedication .input-group .form-control {
    font-size: 13px;
    padding: 0.7rem 0rem  0.7rem 0.75rem;
    padding-left: 0px;
}
#giftDedication .input-group .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
    padding-left: 0px;
}
#giftDedication .input-group input.form-control.login_email {
    border-left: none;
}
#giftDedication.input-group input.form-control.login_pass {
    border-left: none;
}
/* ================= Media / Gallery ==================  */
#mediaGallery .donationTab{
    background-color: #29a64a;
    padding: 20px 20px 0px 20px;
    border-radius: 17px 17px 0px 0px;
}
#mediaGallery .donationTab .nav-pills .nav-link {
    font-size: 13px;
    font-weight: 600;
    color: white;
    background-color: #f2f2f240;
    border-radius: 6px 6px 0px 0px;
}
#mediaGallery .donationTab .nav-pills .nav-link.active {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    background-color: #f2f2f2;
    border-radius: 6px 6px 0px 0px;
}
/* ========= Support for neddy ============ */
#supportNeedyfamily label.form-label {
    font-size: 15px;
    font-weight: 600;
}
#supportNeedyfamily .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#supportNeedyfamily .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
#supportNeedyfamily .calC .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 0px 0px ;
    width: 12%;
    padding: 5px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #giftDedication .calC .decreaseBtn{
    border-radius: 0.25rem 0px 0px 0.25rem;
    color: darkgray;
    padding: 5px 20px;
    border: 1px solid #ddd;
  }
  #giftDedication .calC .decreaseBtn:hover {
    background-color: #f2f2f2;
  }
  #giftDedication .calC .increaseBtn{
    border-radius:  0px 0.25rem 0.25rem 0px ;
    color: darkgray;
    padding: 5px 20px;
    border: 1px solid #ddd;
  }
  #giftDedication .calC .increaseBtn:hover {
    background-color: #f2f2f2;
  }
  #giftDedication .calC .value-button:hover {
    cursor: pointer;
  }
  
  #giftDedication.calC form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
  }
  
  #giftDedication .calC form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
  }
  
  #giftDedication .calC form #input-wrap {
    margin: 0px;
    padding: 0px;
  }
  
  #giftDedication .calC input.number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px; 
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}
  
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.Tophead_detail p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #d9a25f;
}
.Tophead_detail h5 {
    font-size: 15px;
    color: #4d5650;
}
.Tophead_detail i {
    font-size: 27px;
    color: #d9a25f;
}
.Tophead_detail .socialIcn i {
    font-size: 14px;
    color: #d9a25f;
    background: #f5f5f5;
    padding: 9px;
    border-radius: 28px;
    margin: 2px;
}
.LOGO{
    position: relative;
    bottom: 33px;
    display: block;
    width: 100px;
}
@media screen and (max-width: 600px) {
   .LOGO{
     position: relative;
     bottom: 33px;
     display: block;
     width: 100px;
  }
}
.AchievementsCountBack {
    background-image:linear-gradient(45deg,
      rgb(41 166 74 / 70%),
      rgb(41 166 74 / 62%)), url(
'../../assets/img/about-us-1.avif');
height: auto;
text-align: center;
color: #fff;
padding: 50px 0px;
border-radius: 15px;
}
@media screen and (max-width: 600px) {
    #AchievementsCount .counter {
        font-size: 16px;
    }
    #AchievementsCount .counter-box p {
        font-size: 16px;
    }
.AchievementsCountBack {
    background-image: linear-gradient(45deg, rgb(41 166 74 / 70%), rgb(41 166 74 / 62%)), url(../../assets/img/about-us-1.avif);
    height: auto;
    text-align: center;
    color: #fff;
    padding: 23px 0px;
   }
}
/* ================== news card =================== */
.snip1527 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  float: left;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 16px;
  margin: 10px 1%;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 25px;
}

.snip1527 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
      font-weight: 700;
}

.snip1527 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  height: 250px;
  width: 100%;
}

.snip1527 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.snip1527 figcaption p.cardDetail {
    font-size: 14px;
    font-weight: 700;
}
.snip1527 figcaption p.cardDetail i{
    font-size: 16px;
    margin: 0px 4px;
}

.snip1527 .image:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #700877;
  content: '';
  background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  opacity: 0.8;
  z-index: -1;
}

.snip1527 .date {
  background-color: #d9a25f;
  color: white;
  font-size: 18px;
  font-weight: 700;
  padding: 4px 0;
  position: absolute;
  right: 44px;
  left: 44px;
  text-align: center;
  text-transform: uppercase;
  top: 30px;
  border-radius: 30px;
}

.snip1527 .date span {
  display: block;
  line-height: 14px;
}

.snip1527 .date .month {
  font-size: 11px;
}

.snip1527 h3,
.snip1527 p {
  margin: 0;
  padding: 0;
}

.snip1527 h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
  font-size: 26px;
    margin-top: 5px;
}

.snip1527 p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.snip1527:hover img,
.snip1527.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
section#siteNews {
    background: #f2f2f2;
    padding: 50px 0px;
}

#zakatHome {
    background-color: #f2f2f2;
    padding: 60px 0px;
}

#zakatHome .detailS {
    padding: 30px 10px 30px 10px;
    text-align: end;
}

#zakatHome .detailS h2{
    color: white;
    text-align: end;
    font-size: 24px;
    font-weight: 700;
}
#zakatHome .detailS p{
    color: white;
    text-align: end;
    font-size: 15px;
}

#zakatHome .detailS .BTN-1 {
    background: #d9a25f;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 7px 30px 7px 30px;
    font-size: 14px;
    font-weight: 700;
}
#zakatHome .detailS .BTN-1:hover {
    background: #FF000b;
}
#zakatHome .detailS_imG{
    display: inline;
}
#zakatHome .detailS_imG img{
    height: 100%;
    border-radius: 0px 0px 60px 0px;
}
@media screen and (max-width: 600px) {
    #zakatHome .detailS_imG img{
       border-radius: 0px ;
    }
    #zakatHome .detailS {
        padding: 40px 00px 40px 00px;
        text-align: center;
    }
    #zakatHome .detailS h2 {
        text-align: center;
        font-size: 24px;
    }
    #zakatHome .detailS p {
        text-align: center;
        font-size: 15px;
    }
    #zakatHome .detailS .BTN-1 {
        padding: 7px 6px 7px 6px;
        margin-top: 6px;
    }
    #zakatHome .detailS-1{
        order: 2;
    }
    #zakatHome .detailS_imG-1{
        order: 1;
    }
}
#Firsttop_header .PRJCT_cmplt .language_drop {
    background: red;
    padding: 0px 15px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
}
#Firsttop_header .PRJCT_cmplt button.btn.Btn-1 {
    background: red;
    padding: 4px 8px;
    color: white;
    font-size: 13px;
    font-weight: 700;
}
#Firsttop_header .PRJCT_cmplt button.btn.Btn-1 span{
    font-size: 14px;
    font-weight: 700;
}


/* =============== Contact us =============== */
#contactUs .input-group .input-group-text {
    background-color: transparent !important;
    color: #5d5d5d;
    border-right: none;
}
#contactUs .input-group .form-control {
    font-size: 13px;
    padding: 0.7rem 0rem  0.7rem 0.75rem;
    padding-left: 0px;
}
#contactUs.input-group .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
    padding-left: 0px;
}
#contactUs .input-group input.form-control.login_email {
    border-left: none;
}
#contactUs .input-group input.form-control.login_pass {
    border-left: none;
}
#contactUs .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 6px;
}
#contactUs .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#contactUs .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
/* =============== Request your projects =============== */
#contactUs .input-group .input-group-text {
    background-color: transparent !important;
    color: #5d5d5d;
    border-right: none;
}
#contactUs .input-group .form-control {
    font-size: 13px;
    padding: 0.7rem 0rem  0.7rem 0.75rem;
    padding-left: 0px;
}
#contactUs.input-group .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
    padding-left: 0px;
}
#contactUs .input-group input.form-control.login_email {
    border-left: none;
}
#contactUs .input-group input.form-control.login_pass {
    border-left: none;
}
#contactUs .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 6px;
}
#contactUs .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#contactUs .BTN-1:hover{
    background:  #ff000b;
    color: white;
}

/* ============ Request Your Project =========== */
#requestYourproject .form-label{
    font-size: 14px;
    font-weight: 500;
}
#requestYourproject .form-control{
    font-size: 14px;
}
.form-control:focus {
    background-color: #fff;
    border-color: #29a64a59 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(41 166 74 / 18%) !important;
}
#requestYourproject .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
#requestYourproject .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
/* ============ Signature pad ============== */
.signaturePad .flex-row {
    display: flex;
}
.signaturePad .wrapper {
    border: 1px solid #ced4da;
}
.signaturePad canvas#signature-pad {
    background: #fff;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}
.signaturePad .clear-btn {
    text-align: center;
}
#requestYourproject .signaturePad .BTN-1 {
    background: #bdbfc1;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
.drop_cartBtn a{
  position: relative;
}
.drop_cartBtn a span{
  position: absolute;
    font-size: 12px;
    background: red;
    padding: 0px 5px;
    border-radius: 20px;
    top: 1px;
    color: white;
}

.zakathome .number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}
.zakathome .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 0px 0px;
    width: 12%;
    padding: 5px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.zakathome .increaseBtn {
    border-radius: 0px 0.25rem 0.25rem 0px;
    color: darkgray;
    background: #fff;
}
.zakathome .decreaseBtn {
    border-radius: 0.25rem 0px 0px 0.25rem;
    color: darkgray;
    background: #fff;
}
.card-body.zakatValuetable {
    font-size: 15px;
    color:#505050;
}
.card-body.zakatValuetable p{
    padding:1px;
}
.card-body.zakatValuetable i{
    font-size: 15px;
    color: red;
}
.card-body.zakatValuetable h6{
   color: #343434;
    font-size: 15px;
    font-weight: 700;

}
#zakatCalculator .nav-pills .nav-item .BTN-1.active{
background:red;
}
#sponsorShip input.number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 100%;
    height: 37px;
    color: #575757;
    font-size: 15px;
    font-weight: 700;
}

  
#exampleModal3 .modal-header{
    border-bottom: 0px;
    padding: 15px 17px 0px 0px;
    font-size: 10px;
}
#exampleModal3 .modal-body img {
    width: 14%;
}
#exampleModal3 .modal-body .heaD {
    border-bottom: 1px solid #979797;
    padding: 15px 15px 13px 15px;
    background: #f3f3f3;
}
#exampleModal3 .modal-body label.form-label.text-center {
    color: black;
    font-size: 14px;
    font-weight: 600;
}
#exampleModal3 .modal-body .form-control{
    font-size: 14px;
    border-radius: 0px;
}
#exampleModal3 .modal-body .input-group-text{
    font-size: 14px;
    border-radius: 0px ;
}
#exampleModal3 .modal-footer .BTN-1 {
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 15px;
    font-weight: 600;
}
#exampleModal3 .modal-footer .BTN-1:hover {
    background: #ff000b;
    color: white;
}
#newsinner_Page .news_Details img {
    border-radius: 20px;
    width: 100%;
    display: block;
    height: 25rem;
}
#newsinner_Page .news_Details .blogDetailpara a i{
   font-size: 15px;
   color: #6c757d;
   padding: 0px 6px;
}

#newsinner_Page .side_wrrapernews img {
    border-radius: 20px;
    width: 100%;
    display: block;
    height: 10rem;
}
#newsinner_Page .side_wrrapernews .blogDetailpara a i{
   font-size: 15px;
   color: #6c757d;
   padding: 0px 6px;
}
label.error{
color:red;
}
.block { 
 display: none;   
}
.block2{ 
 display: none;        
 } 
.block3 { 
 display: none;   
} 
.block4 { 
 display: none;   
} 

.projectsTabs .card{
  position: relative;
}
.projectsTabs .card img.completeprojectImg{
  position: absolute;
  top : 10px;
  right: 15px;
}
.projectsTabs .card img.card-img-top.d-block.w-100.completeprojectImg {
    width: 4rem!important;
    height: 3rem;
}


.projects .card{
  position: relative;
}
.projects .card img.completeprojectImg{
  position: absolute;
  top : 10px;
  right: 15px;
}

.projects .card img.card-img-top.d-block.w-100.completeprojectImg {
    width: 4rem!important;
    height: 3rem;
}
/*======================== FAQ ========================= */
.FAQ{
    padding-bottom: 50px;
}
.FAQ .FAQ_List{
   display: flex;
}
.FAQ .FAQ_List .FAQ_List_arange{
    flex-direction: column;
}
.FAQ .nav-link {
    color: black;
}
.FAQ .nav-link:hover {
    color: black;
}
.FAQ .nav-pills .nav-link.active{
    font-weight: 700;
    color: white;
    background-color: #29a64a;
    border-radius: 0px;
}
.FAQ .tab-content .accordion .accordion-button:not(.collapsed) {
    color: white;
    background-color: #29a64a;
}
.FAQ .tab-content .accordion .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgb(41 166 74 / 18%);
}

@media screen and (max-width: 600px) {
    .FAQ .FAQ_List{
        display: inline-block;
     }
     .FAQ .FAQ_List .FAQ_List_arange{
        flex-direction: row !important;
    }
    .FAQ .nav-link {
        padding: 6px;
        font-size: 14px;
    }
     .FAQ .FAQ_List .FAQ_List_arange.me-3{
        margin-right: 0px !important;
        margin-bottom: 20px;
    }
    .FAQ .nav-pills .nav-link.active{
        font-weight: 500;
    }
}
/* ======================== Governance ====================== */
.Governance .Pdf_card_head {
    background: #f2f2f2;
}
.Governance .Pdf_card_head h4{
    color: #29a64a;
    font-weight: 700;
    font-size: 22px;
}
.Governance .Pdf_card .Pdf_card_img img{
    display: block ;
    width: 100%;
}
.Governance .Pdf_card .Pdf_card_img {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    cursor: pointer;
}
/* ======================== User-Profile ========================= */

.user_profile .sectionHeading{
    background: #f2f2f2;
}
.user_profile .sectionHeading h5 {
    color: #29a64a;
    font-size: 23px;
    font-weight: 700;
    margin-top: 10px;
}
.user_profile .sectionHeading button.wallet_btn {
    color: #29a64a;
    font-size: 23px;
}
.user_profile .sectionHeading button.btn.add_wallet_btn{
    background: #d9a25f;
    color: white;
    font-size: 13px;
    font-weight: 700;
    margin: 7px 0px 7px 26px;
}
.user_profile .sectionHeading button span.badge.rounded-pill{
    font-size: 12px;
}
.user_profile .user_profile_List{
    display: flex;
}
.user_profile .user_profile_List .tab-pane table.table {
    font-size: 15px;
}
.user_profile .user_profile_List .tab-pane .form-label {
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-weight: 500;
    color: #686868;
}
.user_profile .user_profile_List .tab-pane button.btn-green {
    background: #29a64a;
    border: 1px solid #29a64a;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 20px;
    color: white;
}
.user_profile .user_profile_List .tabBox{
    background: #f2f2f2;
}
.user_profile .user_profile_List .user_profile_List_arange{
    flex-direction: column;
}
.user_profile .nav-link {
    color: #646464;
    font-weight: 600;
    padding: 14px;
    font-size: 14px;
}
.user_profile .nav-link:hover {
    color: black;
}
.user_profile .nav-pills .nav-link.active{
    font-weight: 700;
    color: white;
    background-color: #29a64a;
    border-radius: 0px;
}
.user_profile .tab-content .accordion .accordion-button:not(.collapsed) {
    color: white;
    background-color: #29a64a;
}
.user_profile .tab-content .accordion .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgb(41 166 74 / 18%);
}

@media screen and (max-width: 600px) {
    .user_profile .sectionHeading h5 {
        font-size: 20px;
        font-weight: 700;
    }
    .user_profile .user_profile_List{
        display: inline-block;
     }
     .user_profile .user_profile_List .user_profile_List_arange{
        flex-direction: row !important;
        justify-content: center;
        margin-bottom: 20px;
    }
    .user_profile .nav-link {
        padding: 6px;
        font-size: 14px;
    }
     .user_profile .user_profile_List .user_profile_List_arange.me-3{
        margin-right: 0px !important;
        margin-bottom: 20px;
        justify-content: center;
    }
    .user_profile .nav-pills .nav-link.active{
        font-weight: 500;
    }
}
.user_profile .sectionHeading .modal .modal-header {
    border-bottom: none;
}
 .user_profile .sectionHeading .modal .modal-body h1 {
    font-weight: 500;
}
.user_profile .sectionHeading .modal .modal-body .section_BG {
    background: #f2f2f2;
    padding: 10px;
}
.user_profile .sectionHeading .modal .modal-body .section_BG img{
   width: 14%;
}
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox ul {
    list-style-type: none;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox li {
    display: inline-block;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox input[type="checkbox"][id^="myCheckbox"] {
    display: none;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 7px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox label img {
    width: 55px;
    height: 34px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox .donar_detailCheckimgbox label img {
    width: 100%;
    height: auto;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox label span{
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    margin: 0px 9px;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox :checked + label:before {
    content: "✔";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
  }
  
.user_profile .sectionHeading .modal .modal-body .donar_detailCheckbox :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
  }
  .user_profile .sectionHeading .modal .modal-footer button.btn-green {
    background: #29a64a;
    border: 1px solid #29a64a;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 20px;
    color: white;
}

#ChooseDonationamnt {
    position: relative;
  }
  #ChooseDonationamnt  img.completeprojectImg{
    position: absolute;
    right: 0;
    top : 10px;
    
  }
  #ChooseDonationamnt  img.card-img-top.d-block.w-100.completeprojectImg {
      width: 8rem!important;
      height: 6rem;
  }
 @media screen and (max-width: 600px) {
   .modal-backdrop{
   position: relative !important;
 }
  }

/* ======================== Governance ====================== */
.goverNance .card.g_CARD .scrolled {
    height: 115px;
    overflow-y: scroll;
    position: relative;
}
.goverNance .card.g_CARD .scrolled::-webkit-scrollbar {
    width: 3px!important;
}
.goverNance .card.g_CARD .scrolled::-webkit-scrollbar-thumb {
    background-color: #29a64a!important;
    outline: 1px solid #29a64a!important;
}
.goverNance .card.g_CARD .scrolled::-webkit-scrollbar-track {
    background: #29a64a33 !important;      
  } 
.goverNance .card.g_CARD{
    background-color: #f8f8f8;
    border-bottom: 2px solid #29a64a !important;
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)!important;
} 
.goverNance .card .card-body .card-title{
    font-size: 17px;
    font-weight: 800;
    color: #404040;
    padding: 11px 0px 16px 0px;
    line-height: 2rem;
} 
.goverNance .card .card-body .card-text p{
    color: #666666;
    font-size: 15px;
    text-align: justify;
} 
.goverNance .card span {
    color: #29a64a;
    font-size: 10px;
    margin-top: 4px;
    margin-right: 10px;
}
.goverNance .card.g_CARD a.btn{
    padding: 4px 10px;
    background: #29a64a;
    border: 1px solid #29a64a;
    font-size: 11px;
    font-weight: 800;
    border-radius: 24px;
    color: white;
}
/* ======================== News ====================== */
.News .nav .nav-item .nav-link.btn_Tab{
    background: #29a64a;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 20px;
    color: white;
}
.News .nav .nav-item .nav-link.btn_Tab.active{
    background: #ff000b !important;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 20px;
    color: white;
}
.News .tab-content .tab-pane .card {
    border-radius: 13.3px!important;
    box-shadow: 0 0 10px 0 hsla(0,0%,84.7%,.52)!important;
    border: 0.8px solid hsla(0,0%,59.2%,.21)!important;
    overflow: hidden;
}
.News .tab-content .tab-pane .card .nav_tabImg img{
    display: block;
    width: 100%;
    height: 18rem;
}
.News .tab-content .tab-pane .card .card_Details{
    padding: 20px 10px 7px 0px;
}
.News .tab-content .tab-pane .card .card_Details .card_DetailsTitle {
    padding: 13px 0px 2px;
 }
.News .tab-content .tab-pane .card .card_Details .card_DetailsTitle h6{
   font-size: 15px;
   font-weight: 700;
}
.News .tab-content .tab-pane .card .card_Details .card_DetailsDiscription {
   font-size: 13px;
   color: #666666;
   padding: 13px 0px 3px;
}
.News .tab-content .tab-pane .card .card_Details .card_Icon {
   font-size: 13px;
   color: #29a64a;
   font-weight: 600;
}
.News .tab-content .tab-pane .card .card_Details .card_Icon span{
   font-size: 13px;
   color: #29a64a;
}
.News .tab-content .tab-pane .card .card_Details .DetailsBtn{
    margin-top: 15px;
    display: none;
    position: absolute;
    bottom: 5px;
}
.News .tab-content .tab-pane .card .card_Details .DetailsBtn .btn{
    background: #29a64a;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 20px;
    color: white;
}
.News .tab-content .tab-pane .card:hover .DetailsBtn {
    display: block;
}
@media screen and (max-width: 992px) {
    .News .tab-content .tab-pane .card .nav_tabImg img{
        display: block;
        width: 100%;
        height: 15rem;
    }
    .News .tab-content .tab-pane .card .card_Details{
        padding: 20px ;
    }
    .News .tab-content .tab-pane .card .card_Details .card_DetailsDiscription {
        font-size: 13px;
        color: #666666;
        padding: 0px ;
     }
     .News .tab-content .tab-pane .card .card_Details .card_Icon {
        margin-bottom: 15px;
    }
}
 /* ==================== Kids ====================== */
.kidS .btn:first-child:active{
    border-color: transparent !important;;
}
.kidS :focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.kidS .white_board{
    background-color: #fff ;
    border-radius: 4px ;
   
    margin-bottom: 10px ;
    overflow: hidden ;
    padding: 10px ;
}
.kidS .iteam_Wrapper{
    margin: 0 auto;
    max-width: 600px;
}
.kidS .iteam_WrapperInner{
    padding: 0 10%; 
    position: relative;
}
.kidS .iteam_WrapperInner img{
    /* display: block; */
    height: auto; 
    max-width: 100%; 
    width: 100%;
    vertical-align: middle;
}
.kidS .iteam_WrapperInner img.childImg{
    width: 25%;
    position: absolute;
    left: 680px;
    top: 120px;
}
/* ====== */

.kidS .da-kids-template__float-item.item-1 {
    left: 18%;
    top: 15%;
}
.kidS .da-kids-template__float-item {
    margin: -75px 0 0 -75px;
    position: absolute;
    width: 150px;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner {
    position: relative;
}
.kidS .da-kids-template__float-item .item-image {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__name {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__amount {
    display: flex;
    margin-top: 10px;
    min-height: 21px;
}
.kidS .da-kids-template__float-item__amount .da-kids-template__float-item__amount-inner {
    align-items: center;
    background-color: #2c9942;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    display: flex;
    gap: 5px;
    margin: 0 auto;
    padding: 0 5px;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__buttons {
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__buttons .plus {
    right: -40px;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__buttons .plus {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,.35);
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    position: absolute;
    width: 40px;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__buttons .minus {
    left: -40px;
}
.kidS .da-kids-template__float-item .da-kids-template__float-item__inner .da-kids-template__float-item__buttons .minus{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,.35);
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    position: absolute;
    width: 40px;
}
/* ---------- iteam-2 */
.kidS .da-kids-template__float-item.item-2 {
    right: 9%;
    top: 15%;
}

/* ---------- iteam-3 */
.kidS .da-kids-template__float-item.item-3 {
    left: 12%;
    top: 41%;
}

/* ---------- iteam-4 */
.kidS .da-kids-template__float-item.item-4 {
    right: 0;
    top: 46%;
}
/* ---------- iteam-5 */
.kidS .da-kids-template__float-item.item-5 {
    left: 16%;
    top: 70%;
}
/* ---------- iteam-6 */
.kidS .da-kids-template__float-item.item-6 {
    right: 8%;
    top: 70%;
}
/* ---------- iteam-7 */
.kidS .da-kids-template__float-item.item-7 {
    bottom: 0;
    left: 50%;
}
.kidS .da-kids-template__float-item {
    margin: -75px 0 0 -75px;
    position: absolute;
    width: 150px;
}
.kidS .donar_detailCheckbox ul {
    list-style-type: none;
}
.kidS .donar_detailCheckbox li {
    display: inline-block;
}
.kidS .donar_detailCheckbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 7px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}
.kidS .donar_detailCheckbox :checked + label:before {
    content: "✓";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
}
.kidS .donar_detailCheckbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
}
.kidS .donar_detailCheckbox label img {
    width: 43px;
    height: 30px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}
.kidS .donar_detailCheckbox label span {
    font-size: 12px;
    font-weight: 600;
    color: #606060;
    margin: 0px 9px;
    display: block;
}
.kidS .donar_detailCheckbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
}
.kidS .form-check-input:checked {
    background-color: #29a64a;
    border-color: #29a64a;
}
@media (max-width: 480px){
  .kidS .da-kids-template__float-item {
    margin: -40px 0 0 -40px;
    width: 82px;
  }
  .kidS .da-kids-template__float-item__name {
    font-size: 14px !important;
  }
  .kidS .da-kids-template__float-item__inner .da-kids-template__float-item__buttons .plus {
    right: 0 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 5px #000 !important;
    box-sizing: border-box !important; 
    height: 25px !important;
    margin: 0 -10px !important;
    width: 25px !important;
  }
  .kidS .da-kids-template__float-item__buttons .minus {
    left: 0 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 5px #000 !important;
    box-sizing: border-box !important;
    height: 25px !important;
    margin: 0 -10px !important;
    width: 25px !important;
 }
}
.toast-close {
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: 1 !important;
    padding: 0px 0px 0px 30px !important;
    color: black !important;
}
 .toastify::before {
        font:normal normal normal 18px/1 FontAwesome;
        content: '\f06a';
        width: 30px;
        height: auto;
        display: inline-block;
        color: red;
      }

.info.toastify::before {
        font:normal normal normal 18px/1 FontAwesome !important;
        content: '\f06a';
        width: 30px;
        height: auto;
        display: inline-block;
        color: green;
      }
      
/*share button */
.mainsharediv{
margin-left: 14px;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.2em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}

#pills-Reports .BTN-1
{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 6px 30px 6px 30px;
    font-size: 13px;
    font-weight: 600;
}
/* ===============Zakat-Calculator ================= */
.zakatCalculator .nav-pills .nav-item .BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    font-weight: 600;
}
.zakatCalculator .nav-pills .nav-item .BTN-1:hover{
    background:  #ff000b;
    color: white;
}
.zakatCalculator div#pills-tabContent {
    margin: 0px auto;
    width: 100%;
}
.zakatCalculator .card{
    border: 0;
    border-radius: 0.625rem;
    box-shadow: 0 1px 10px 0 rgba(78,78,78,.18);
    overflow: hidden;
}
.zakatCalculator .card.card_1{
   background-color: #f7f7f7;
   box-shadow: none !important;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-button:not(.collapsed) {
    color: #212529 !important;
    background-color: white !important;
   
}
.zakatCalculator .card.card_1 .accordion-item .accordion-button button.btn-success.BTN-2{
    background-color: #d9a25f;
    border:1px solid #d9a25f;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-button::after {
    position: absolute;
    right: 23px;
    top: 15px;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-button .accordionbuttonDLT{
    background-color: #efefef;
    padding: 3px 7px;
    font-size: 14px;
    position: absolute;
    right: 19px;
    bottom: 10px;
    border-radius: 21px;
    color: red;
}

.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney label.form-label{
   font-size: 14px;
   font-weight: 600;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney .form-control{
    padding: 0.4rem 0.75rem;
    font-size: 0.959rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #ebebeb;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney span.input-group-text{
    padding: 0.4rem 0.75rem;
    font-size: 0.959rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #ebebeb;
}

.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney .bg-light p{
  font-size: 14px;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney .Edit_Dlt .button_DLT{
    background: #e7e7e7;
    padding: 4px 8px;
    border-radius: 20px ;
    color:red;
    font-size: 14px;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney .Edit_Dlt .button_EDIT{
    background: #e7e7e7;
    padding: 4px 8px;
    border-radius: 20px ;
    color:blue;
    font-size: 14px;
}

.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney button.btn-success.BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
}
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney button.btn-success.BTN-1:hover{
    background: #FF000b;
}
/* ======= card-2 */
.zakatCalculator .card.card_2 .card-header {
    color: #29a64a;
    font-size: 18px;
    font-weight: 600;
}
.zakatCalculator .card.card_2 .card-body .Total_Zakat p{
    font-size: 14px;
    color: #616161;
}
.zakatCalculator .card.card_2 .card-body .Total_Zakat h1{
    font-weight: 800;
    color: #29a64a;
}
.zakatCalculator .card.card_2 .card-body .Total_Zakat h6{
    font-weight: 800;
    color: #29a64a;
}
.zakatCalculator .card.card_2 .card-body .details_Form input.form-control {
    padding: 0.4rem 0.75rem;
    font-size: 0.959rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #ebebeb;
}
.zakatCalculator .card.card_2 .card-body .details_Form label.form-check-label{
    font-size: 0.959rem;
    font-weight: 400;
    line-height: 1.5;
    color: #818181;
}
/* ====== payment button */
.zakatCalculator .card.card_2 .card-body .details_Form .Payment_Checkbox ul {
    list-style-type: none;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox li {
    display: inline-block;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox input[type="checkbox"][id^="myCheckbox"] {
    display: none;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox label {
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 7px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox label img {
    width: 45px;
    height: 34px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox label span{
    font-size: 12px;
    font-weight: 600;
    color: #606060;
    margin: 0px 9px;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox :checked + label {
    border: 2px solid #29a64a;
    box-shadow: 1px 1px 5px #797979;
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox :checked + label:before {
    content: "✓";
    background-color: #29a64a;
    font-weight: 800;
    transform: scale(1);
  }
  
  .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
  }
  .zakatCalculator .card.card_2 .card-body .details_Form .btn.btn-success.BTN-1{ 
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
  }
  .zakatCalculator .card.card_2 .card-body .details_Form .btn.btn-success.BTN-1:hover{ 
    background: #FF000b;
  }

@media screen and (max-width: 600px) {
    .zakatCalculator .nav-pills .nav-item .BTN-1 {
        padding: 7px 20px;
        font-size: 11px;
        margin-top: 9px;
    }
    .zakatCalculator .card.card_2 .card-body .details_Form  .Payment_Checkbox label img {
        width: 37px;
        height: 28px;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
      }
      .zakatCalculator .card.card_1 .accordion-item .accordion-button button.btn-success.BTN-2 {
        font-size: 13px;
    }
  }
.zakatCalculator .card.card_1 .accordion-item .accordion-body .TheMoney button.btn-success.BTN-2{
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    background-color: #FF000b;
    border:1px solid #FF000b;
}

/* ================= Donation button Modal ================== */
.DonationBtnModals .panel .card {
    background: white;
    border: none;
}
.DonationBtnModals h5.mt-1.CLR {
    font-size: 20px;
    font-weight: 700;
}
.DonationBtnModals p.panel_titleDetail {
    color: #606060;
    font-size: 14px;
    font-weight: 700;
}
.DonationBtnModals .auto_amountBtn button{
    border: 1px solid #e1e1e1;
    border-radius: 0.25rem;
    color: #adadad;
    font-weight: 500;
    font-size: 14px;
    padding: 5px 18px;
}
.DonationBtnModals .auto_amountBtn button:hover{
    background-color: #D9A25F;
    color: white;
    border: 1px solid #D9A25F;
}
.DonationBtnModals .auto_amountBtn button:active{
    background-color: #D9A25F;
    color: white;
}
.DonationBtnModals .auto_amountBtn button.active{
    background-color: #D9A25F;
    color: white;
}
.DonationBtnModals .panel .card .cardAmountDetails h6 {
    font-size: 15px;
    font-weight: 700;
}
.DonationBtnModals .panel .card .cardAmountDetails p {
    font-size: 15px;
    font-weight: 700;
    color: #6c757d;
}
.DonationBtnModals .panel .card  .donar_detailForm input{ 
   font-size: 14px;
   /* height: 37px; */
}
.DonationBtnModals .panel .card  .donar_detailForm input.form-control:focus {
    border-color: #29a64a;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.DonationBtnModals .panel .card .donar_detailForm .form-check label{
    font-size: 14px !important;
}


  .DonationBtnModals .nav-pills .nav-link{
    background: transparent;
    border: none;
    border-radius: 0px;
    color: #a6a5a5;
    padding: 6px 6px 6px 6px;
    font-size: 13px;
    margin: 0px 3px;
    font-weight: 700;
}
.DonationBtnModals .nav-pills .nav-link.active{
    background: #FF000b;
    color: white;
    padding: 6px 6px 6px 6px;
}
.DonationBtnModals ul#pills-tab {
    border-bottom: 1px solid #00000020;
}
#ChooseDonationamnt .panel .card .card-body select.form-select{
  color: #6c757d;
}
.DonationBtnModals .panel .card .card-body select.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.DonationBtnModals .panel .card .card-body .detailss_Btn .BTN-1{ 
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
.DonationBtnModals .panel .card .card-body .detailss_Btn .BTN-2{ 
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
@media screen and (max-width: 600px) {
    .DonationBtnModals .panel .card .card-body .detailss_Btn .BTN-2{ 
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }
    .DonationBtnModals .panel .card .card-body .detailss_Btn .BTN-1{ 
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }
  } 
   /* ======= payment button ======= */
   .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox ul {
      list-style-type: none;
      text-align: center;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox li {
      display: inline-block;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox input[type="checkbox"][id^="myCheckbox"] {
      display: none;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox label {
      border: 2px solid #efefef;
      border-radius: 10px;
      padding: 7px;
      display: block;
      position: relative;
      margin: 10px;
      cursor: pointer;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox label:before {
      background-color: white;
      color: white;
      content: " ";
      display: block;
      border-radius: 50%;
      border: 1px solid grey;
      position: absolute;
      top: -12px;
      right: -12px;
      width: 25px;
      height: 25px;
      text-align: center;
      line-height: 28px;
      transition-duration: 0.4s;
      transform: scale(0);
    }
    
   .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox label img {
      width: 60px;
      height: 40px;
      transition-duration: 0.2s;
      transform-origin: 50% 50%;
    }
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox label span{
      font-size: 11px;
      font-weight: 600;
      color: #606060;
      margin: 0px 9px;
      display: block;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox :checked + label {
      border: 2px solid #29a64a;
      box-shadow: 1px 1px 5px #797979;
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox :checked + label:before {
      content: "✓";
      background-color: #29a64a;
      font-weight: 800;
      transform: scale(1);
    }
    
    .DonationBtnModals .panel .card .donar_detailForm .Payment_Checkbox :checked + label img {
      transform: scale(0.9);
      box-shadow: 0 0 5px #333;
      z-index: -1;
    }

.zakatCalculator .mediaReports .ZakatDate_In button.btn.BTN-1{
    background: #29a64a;
    border: none;
    border-radius: 0.25rem;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    font-weight: 600;
}
.zakatCalculator .mediaReports .ZakatDate_In button.btn.BTN-1:hover{
    background: #ff000b;
    color: white;
}


.modal.firstOpen .modal-content{
	border-radius: 0px;
  }
  .modal.firstOpen .modal-header{
	border-bottom: 0px;
  }
  .modal.firstOpen .modal-body img{
	 width: 250px;
  }
  .modal.firstOpen .modal-body p{
	font-size: 14px;
  }
  .modal.firstOpen .modal-body a{
	color: #D9A25F;
	font-weight: 700;
  }
  .modal.firstOpen .modal-footer{
	border-top: 0px;
  }


.a2a_default_style:not(.a2a_flex_style) a {
    float: none !important;
    line-height: 16px;
    padding: 0 2px;
    position: absolute;
}
.a2a_default_style .a2a_svg {
    float: left;
    padding: 9px !important;
}
.a2a_svg {
    display: block;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0;
    width: 40px !important;
}

.wcs_fixed_right {
    z-index: 999;
    position: fixed;
    bottom: 10px;
    right: 60px !important;
}
.float {
    right:60px !important;
}